<!-- 数据展示块配置 -->
<template>
	<div>
		<el-form-item label="精度">
			<avue-input-number v-model="main.activeOption.decimals" :disabled="disabled"> </avue-input-number>
		</el-form-item>
		<el-form-item label="动画速度">
			<avue-input-number v-model="main.activeOption.duration" :disabled="disabled"> </avue-input-number>
		</el-form-item>
		<el-form-item label="背景颜色">
			<avue-input-color v-model="main.activeOption.backgroundColor" :disabled="disabled"></avue-input-color>
		</el-form-item>
		<el-collapse accordion>
			<el-collapse-item title="数值设置">
				<el-form-item label="后缀">
					<avue-input v-model="main.activeOption.prefixText" :disabled="disabled"> </avue-input>
				</el-form-item>
				<el-form-item label="对其方式">
					<avue-select v-model="main.activeOption.prefixTextAlign" :dic="dicOption.textAlign" :disabled="disabled"> </avue-select>
				</el-form-item>
				<el-form-item label="高度">
					<avue-input-number v-model="main.activeOption.prefixTextHeight" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="上间距">
					<avue-input-number v-model="main.activeOption.prefixTop" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.prefixFontSize" :disabled="disabled" :max="200"> </avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.prefixColor" :disabled="disabled"></avue-input-color>
				</el-form-item>

				<el-form-item label="文字粗细">
					<avue-select v-model="main.activeOption.prefixFontWeight" :disabled="disabled" :dic="dicOption.fontWeight"> </avue-select>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="文本设置">
				<el-form-item label="对其方式">
					<avue-select v-model="main.activeOption.suffixTextAlign" :disabled="disabled" :dic="dicOption.textAlign"> </avue-select>
				</el-form-item>
				<el-form-item label="上间距">
					<avue-input-number v-model="main.activeOption.suffixTop" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.suffixFontSize" :disabled="disabled" :max="200"> </avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.suffixColor" :disabled="disabled"></avue-input-color>
				</el-form-item>
				<el-form-item label="文字粗细">
					<avue-select v-model="main.activeOption.suffixFontWeight" :disabled="disabled" :dic="dicOption.fontWeight"> </avue-select>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>
import { dicOption } from '@/option/config';
export default {
	name: 'dataRotate',
	inject: ['main', 'contain'],
	data() {
		return {
			dicOption: dicOption,
			disabled: this.contain.activeObj.isLock
		};
	}
};
</script>

<style></style>
